import style from './index.css';
const btnIconMap = {
  bold: new URL("../../asset/bold.svg", import.meta.url).toString(),
  code: new URL("../../asset/code.svg", import.meta.url).toString(),
  delete: new URL("../../asset/delete.svg", import.meta.url).toString(),
  itaily: new URL("../../asset/itaily.svg", import.meta.url).toString(),
  underline: new URL("../../asset/underline.svg", import.meta.url).toString(),
  h1: new URL("../../asset/h1.svg", import.meta.url).toString(),
  ul: new URL("../../asset/ul.svg", import.meta.url).toString(),
  ol: new URL("../../asset/ol.svg", import.meta.url).toString(),
  quote: new URL("../../asset/quote.svg", import.meta.url).toString(),
  check: new URL("../../asset/check.svg", import.meta.url).toString(),
  link: new URL("../../asset/link.svg", import.meta.url).toString(),
  unlink: new URL("../../asset/unlink.svg", import.meta.url).toString()
}
function Btn(props: {
  type: string,
  onClick:Function
}) {
  return (
    <div className={style.btn} onClick={(event)=>props.onClick(event)}>
      <img style={{
        width: 30,
        height: 30,
      }} src={btnIconMap[props.type]}></img></div>
  );
}

export default Btn;
